<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        import { ref } from 'vue';
        export default {
            name: 'demo',
            props: ["title"],
            /**
             * 依然需要基于props注册使用
             * setup中可以拿到props值[本身是响应式的，基于proxy实现代理的]
             * setup发生在初始化props和beforeCreate之间，所有在setup中没有this
             * 我们会把vue2中的data/methods/computed/watch/filters这些options api全部聚合在setup函数中处理，且基于vue3中提供的各种api，实现函数式编程
             * setup返回的值可以直接在视图中进行渲染 
             * setup函数只有在组件第一次加载的时候执行一次，当组件重新渲染的时候不会再次执行
             */
            setup(props) {

            }
        }
    </script>
</body>
</html>